<template>
  <div>Demo2-ref响应式数据</div>
  Demo2的内容<br />
  {{ a }}<button @click="a++">a加1</button><br />
  b:{{ b }}<button @click="b++">b加1</button>
  <button @click="add()">b加1</button>
</template>
<script setup>
//从vue中引入ref()函数
import { ref } from 'vue'

let a=10;//简单数据没有响应功能
let b=ref(10);//ref()函数创建响应式数据

const add=() => {
  b.value++;
}
</script>
<style scoped></style>